<template>
  <div class="child1">
    {{ infoStore.count }} 
    <p @click="updateTodo">{{ todoStore.arr }} {{ todoStore.total }}</p>
  </div>
</template>

<script setup lang="ts">
import useInfoStore from '../../stores/modules/info';
// 获取小仓库对象
let infoStore = useInfoStore()

// 引入组合式API函数仓库
import useTodoStore from '../../stores/modules/todo'
let todoStore = useTodoStore()

// 点击去修改仓库的数据
const updateTodo = () => {
  todoStore.updateTodo()
}
</script>
<style scoped lang="less">
.child1 {
  width: 200px;
  height: 200px;
  background: hotpink;
}
</style>